<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            frame{
                height: 2000px;
            }
        </style>
		<link rel="stylesheet" href="css/StudentLeft.css">
		<script src="js/jquery-1.9.1.min.js"></script>

	</head>
	<body>
		<div class="nav">
			<div class="nav-list">
				<div class="nav-tit" id="personal">
					<a href="/admin/student" target="main">
						<img src="images/personal-msg.png" style="height: 30px" alt="">
						<span>个人信息</span>
					</a>
				</div>




				<div class="nav-tit">
					<a href="studentrevise" target="main">
					<img src="images/modify-password.png" alt="">
					<span>修改密码</span>
					</a>
				</div>
			</div>
		</div>
		<script>
			$(document).ready(function(){
				$('#personal').on('click',function(){
					$('#personal-child').fadeToggle(300);
				});
				let aLi = $('#personal-child li');
				aLi.on('click',function(){
					$(this).addClass('active').siblings('li').removeClass('active');
				})
			});
		</script>
	</body>
</html>
